<template>
	<view class="main">
		<view class="swiperV">
			<uv-swiper :list="venueInfo" indicator indicatorMode="line" circular height="330rpx" radius="0"></uv-swiper>
		</view>
		<view class="info">
			<view class="infot">沁水县人民医院</view>
			<view class="infoc">二甲</view>
			<view class="infoc">公立</view>
			<view class="infoc">综合医院</view>
		</view>
		<view class="mapVs">
			<view class="mapV">
				<map :markers="markers" scale='9' :enable-satellite='true' enable-building='true'
					style="width: 100%; height:100%;" :latitude="35.692771" :longitude="112.185858" id="map" ref='map'
					show-location='true' />
			</view>
			<view class="mapVc" @click="toPos">
				<view class="mapVcl">山西省晋城市沁水县北坛路156号</view>
				<view class="mapVcr"><uv-icon name="map" color="#fff" />去导航</view>
			</view>
		</view>
		<view class="cont">
			<view class="conti">沁水县人民医院始建于1947年，是沁水县规模最大的集医疗、教学、科研、预防、康复、保健为一体的二级甲等综合医院。</view>
			<view class="conti">主要承担县域内人群的基本医疗和危重病人的医疗救治兼预防、保健和康复及乡村医疗机构的转诊和卫技人员培训及技术指导工作。</view>
			<view class="conti">
				医院位于沁水县龙港镇北坛路156号，装备有1.5T核磁、64排螺旋CT、数字减影血管造影机（DSA）、DR、数字胃肠、彩超、全自动生化分析仪、电子胃（肠）镜、电子支气管镜等先进医疗设备2000台（件）。</view>
			<view class="conti">全院现有职工408人，其中正高职称9人、副高职称37人、中级职称79人；医学硕士研究生6人；卫生专业技术人员334人，其中执业(助理)医师100人，执业注册护士80人。</view>
			<view class="conti">可开展项目：</view>
			<view class="conti">内科：急性心肌梗死急性期尿激酶静脉溶栓、急性心肌梗死合并症诊治、糖尿病胰岛素治疗和高血压脑病、脑出血、脑血栓等，以及心脑肾并发症的诊治。</view>
			<view class="conti">外科：食管癌、胃癌、宫颈癌、卵巢癌等手术治疗及化疗，可进行镜下胆囊切除、前列腺气化电切、人工股骨头置换等手术。</view>
			<view class="conti">骨科：椎间孔镜下颈椎椎间盘突出微创髓核摘除术、经皮椎体成形术、关节镜下游离体摘除、松解、髁间果窝成形、关节镜下半月板成形修复等手术。</view>
			<view class="conti">眼科：白内障超声乳化摘除术、人工晶体植入术，翼状胬肉切除等手术。</view>
			<view class="conti">康复科：生物电诊断、中医康复、物理因子等特色康复治疗。</view>
			<view class="conti">妇产科：子宫附件切除术、子宫肌瘤剔除术、宫颈癌根治术、卵巢癌细胞减灭术、阴式子宫切除术等手术。</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				venueInfo: [
					"https://www.ysrs.xyz/apiI/ll/file/preview/1743073096623ff80808195d597d90195d740b3af0001.jpg",
				],
				markers: [{
					id: 10086,
					width: 18,
					height: 20,
					longitude: 112.185858,
					latitude: 35.692771
				}]
			}
		},
		methods: {
			toPos() {
				uni.openLocation({
					longitude: 112.185858,
					latitude: 35.692771,
					scale: 13,
					name: '沁水县人民医院'
				});
			},
		}
	}
</script>

<style lang="scss" scoped>
	.main {
		background-color: #F5F5F5;
		min-height: 100vh;
		padding-bottom: 50rpx;
	}

	.info {
		display: flex;
		align-items: center;
		width: 660rpx;
		height: 100rpx;
		padding: 0 30rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 8rpx 16rpx 0rpx rgba(0, 0, 0, 0.15);
		border-radius: 16rpx;
		margin: -40rpx auto 0;
		position: relative;
		z-index: 9;

		.infot {
			font-size: 44rpx;
			font-weight: bold;
		}

		.infoc {
			background-color: #fe7102;
			letter-spacing: 2rpx;
			padding: 0 10rpx;
			height: 40rpx;
			text-align: center;
			line-height: 40rpx;
			border-radius: 8rpx;
			font-size: 22rpx;
			color: #fff;
			position: relative;
			margin-left: 20rpx;
			top: 10rpx;
		}
	}

	.mapVs {
		margin: 20rpx auto;
		width: 660rpx;
		background-color: #fff;
		border-radius: 12rpx;
		padding: 30rpx;
		box-shadow: 0rpx 0rpx 16rpx rgba(0, 0, 0, 0.15);

		.mapV {
			height: 330rpx;
			overflow: hidden;
			border-radius: 12rpx;
		}

		.mapVc {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-top: 20rpx;

			.mapVcl {
				font-size: 33rpx;
			}

			.mapVcr {
				display: flex;
				align-items: center;
				border-radius: 8rpx;
				background-color: #2c9b94;
				color: #fff;
				font-size: 26rpx;
				padding: 5rpx 10rpx;
			}
		}
	}

	.cont {
		margin: 20rpx auto;
		width: 660rpx;
		background-color: #fff;
		border-radius: 12rpx;
		padding: 30rpx;
		box-shadow: 0rpx 0rpx 16rpx rgba(0, 0, 0, 0.15);

		.conti {
			text-indent: 2em;
			margin-bottom: 20rpx;
			font-size: 33rpx;
			line-height: 50rpx;
		}
	}

	/deep/.uv-swiper__indicator {
		bottom: 60rpx !important;
		left: 40rpx !important;
	}
</style>